<template>
    <div>
        grand son1!! common: {{commonNumber}}
    </div>
</template>
<script>
export default {
    props:['commonNumber'],
    beforeCreate(){
        console.log('GrandSon1 before create!!');
    },
    created(){
        console.log('GrandSon1 created!!');
    },
    beforeMount(){
        console.log('GrandSon1 before mount!!');
    },
    mounted(){
        console.log('GrandSon1 mounted!!');
    },
    beforeUpdate(){
        console.log('GrandSon1 before update!!');
    },
    updated(){
        console.log('GrandSon1 updated!!');
    },
    beforeDestroy(){
        console.log('GrandSon1 before destroy!!');
    },
    destroyed(){
        console.log('GrandSon1 destroyed!!');
    }
}
</script>